<div class="wrap">
    <div></div>
    <div style="background: #ffffff">
        <div style="width: 100%">
            <div>
                <section id="wrapper" style="margin: 0">
                    <div class="videoContainer">
                        <video id="myVideo" controls preload="auto" poster="{{detailVedioObj.imgUrl}}" width="100%"  ng-src="{{sceControl(detailVedioUrl)}}">
                            <!--<source  type="video/mp4" />-->
                            <!--<source src="http://demo.inwebson.com/html5-video/iceage4.webm" type="video/webM" />-->
                            <!--<source src="http://demo.inwebson.com/html5-video/iceage4.ogv" type="video/ogg" />-->
                            <p>Your browser does not support the video tag.</p>
                        </video>

                        <div class="control"style="display: block">
                            <div class="topControl">
                                <div class="progress">
                                    <span class="bufferBar"></span>
                                    <span class="timeBar"></span>

                                </div>
                                <span class="timeBarBall"></span>
                            </div>

                            <div class="btmControl">
                                <div class="btnPlay btn btnplayOne" title="Play/Pause video"></div>
                                <div class="time" style="width:19%">
                                    <span class="current"></span>
                                    /<span class="duration"></span>
                                </div>
                                <!--<div class="btnStop btn" title="Stop video"></div>-->
                                <!--<div class="spdText btn">Speed: </div>-->
                                <!--<div class="btnx1 btn text selected" title="Normal speed">x1</div>-->
                                <!--<div class="btnx3 btn text" title="Fast forward x3">x3</div>-->
                                <div class="btnFS btn btnTwo" title="Switch to full screen"></div>
                                <!--<div class="btnLight lighton btn" title="Turn on/off light"></div>-->
                                <!--<div class="volume" title="Set volume">-->
                                <!--<span class="volumeBar"></span>-->
                                <!--</div>-->
                                <!--<div class="sound sound2 btn" title="Mute/Unmute sound"></div>-->
                            </div>

                        </div>
                        <div class="loading"></div>
                    </div>
                    <!--&lt;!&ndash; Navigation &ndash;&gt;-->
                    <!--<div class="detaVedioTitText">-->
                        <!--<p class="detaVedioTitText1">{{detailVedioObj.title}}</p>-->
                        <!--<p class="detaVedioTitText2"><span>{{detailVedioObj.publishtime|actHour}}</span>-->
                            <!--<span class="detaVedioTitText2p2">{{detailVedioObj.countClick}}次播放</span>-->
                        <!--</p>-->

                    <!--</div>-->
                </section>
            </div>
            <div style="padding: 0.15rem"><h3>{{detailVedioObj.title}}</h3></div>
            <div class="vedioDetailDesc">
                <div class="vedioDetailDescLf"><span>{{detailVedioObj.source}}</span><span>{{detailVedioObj.publishtime|actHour}}</span></div>
                <div class="vedioDetailDescRt">
                    <ul>
                        <li ng-click="detailAddPrase()">
                            <img src="{{detailAddPraseImagSmall}}">
                            <span>{{detailVedioObj.countPraise||0}}赞</span>
                        </li>
                        <li ng-click="detailAddStor()" class="vedioDetailDescRtSto">
                            <img src="{{detailAddStorImagSmall}}">
                            <span>收藏</span>
                        </li>
                        <li style="position: relative">
                            <img src="static/10.png">
                            <div class="bdsharebuttonbox" style="position: absolute;top:0;width: 100%;height: 100%">
                                <a class="bds_more" data-cmd="more" style="display: inline-block;width: 30px;height: 30px;opacity: 0"></a>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div style="margin-top: 0.2rem">
        <!--如果视频推荐存在-->
        <div ng-if="detailVedioData.length>0">
            <div ng-if="siteConfigAuditType!=2&&currentDiscussClosed!=1" class="conWidth mianConLeft" ng-include="'tpl/components/comment.html'"></div>
            <div class="conAside conGroomConti" style="padding: 0.15rem">
                <h3 style="margin-bottom: 0.2rem">视频推荐</h3>
                <!--重复部分-->
                <div class="relatVedioBox" ng-repeat="item in detailVedioData" ng-click="jump('/detailVedio/'+item.fileId)" style="margin-bottom: 0.2rem">
                    <div class="relatLiveImg">
                        <img ng-click="jump('/detailVedio/'+item.fileId)" src="{{item.picS}}" >
                        <div class="relatVediImagDuration">{{item.vTime}}</div>
                    </div>
                    <div class="relatLiveCon">
                        <div><h5 class="relatVedCon_title">{{item.title}}</h5></div>
                        <div class="relatLiveCon_bage" style="overflow: hidden;color: #999999;font-size: 0.16rem">
                            <span style="float: left"><span class="glyphicon"></span><span>{{item.countClick}}次播放</span></span>
                            <span style="float: right" class="relatLiveCon_bage_praise"><span class="glyphicon"></span><span>{{item.countDiscuss}}</span></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--如果相关视频不存在-->
        <div ng-if="detailVedioData.length==0">
            <div ng-if="siteConfigAuditType!=2&&currentDiscussClosed!=1" style="width:100%" class="conWidth" ng-include="'tpl/components/comment.html'"></div>
        </div>
    </div>
    <!--回到顶部-->
    <div class="fiBtn">
        <div class="QRCode">
            <img src="static/32.png">
        </div>
        <div ng-show=true ng-click="refreshDetailAll()" class="refresh">
            <img src="static/34.png">
        </div>
        <div ng-show=true ng-click="goBackTop()" class="baToTop">
            <img src="static/33.png">
        </div>
    </div>
</div>
<style>

   .vedioDetailDesc{
       overflow: hidden;
       padding: 0 0 0.15rem 0.15rem;
   }
    .vedioDetailDescLf{
        float:left;
    }
    .vedioDetailDescRt{
        float:right;
    }
   .vedioDetailDescRt ul{
       overflow: hidden;
   }
   .vedioDetailDescRt ul li{
       float:left;
       padding:0 0.15rem;

   }
    .vedioDetailDescRtSto{
        border-left: 1px solid #e3e3e3;
        border-right: 1px solid #e3e3e3;
    }
    .relatVedCon_title{
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }
    .relatLiveImg{
        position: relative;
    }
    .relatVediImagDuration{
        padding: 0 5px;
        background: #444444;
        position: absolute;
        bottom: 10px;
        right: 10px;
        color: #ffffff;
        border-radius: 3px;
        font-size: 0.16rem;
    }
   @media only screen and (min-width: 302rem){
       .mianConLeft{
           width: 100%;
           padding: 0 0.05rem;
       }
       .conGroomConti{
           width: 100%;
       }
       .detailContes{
           padding:0;
       }


   }
   @media only screen and (min-width: 0px){
       .mianConLeft{
           width: 100%;
           padding: 0 0.05rem;
       }
       .conGroomConti{
           width: 100%;
       }
       .detailContes{
           padding:0;
       }
       .multiBoxDescr{
           height: 1.6rem;
           position: relative;
       }
       .relatVedioBox:after{
           display: block;
           content: "";
           clear: both;
       }
       .relatLiveImg,.relatLiveCon{
           width: 50%;
           position: relative;
           float: left;
           height: 2.2rem;
       }
       .relatLiveCon{
           padding: 0.05rem 0;
       }
       .relatLiveImg img{
           width: 100%;
           height: 100%;
       }
       .relatLiveCon_bage{
           position: absolute;
           bottom: 0;
           width: 100%;
       }
       .relatLiveCon{
           font-size: 0.16rem;
           color: #333333;
           box-sizing: border-box;
           padding: 0 15px;
       }
       .relatLiveCon_bage_praise{
           margin-right: 15px;
       }
   }
   @media only screen and (min-width: 768px){
       .mianConLeft{
           width: 65%;
           padding: 0 0.05rem;
       }
       .conGroomConti{
           width: 33%;
       }
       .relatLiveImg,.relatLiveCon{
           width: 100%;
           height: 1.3rem;
       }
       .relatLiveCon{
           padding: 15px 0;
           box-sizing: border-box;
       }
   }
   @media only screen and (min-width: 1024px){
       .mianConLeft{
           width: 65%;
           padding: 0 0.05rem;
       }
       .conGroomConti{
           width: 33%;
       }
       .relatLiveImg,.relatLiveCon{
           width: 50%;
           height: 0.8rem;
       }
       .relatLiveCon{
           padding: 0 15px;
           box-sizing: border-box;
       }
       .relatLiveCon_bage_praise{
           margin-right: 15px;
       }
       .relatVediImagDuration{
           bottom: 5px;
           right: 5px;
       }
   }
    /*动画*/
    .relatVedioBox{
        cursor: pointer;
    }
    .relatVedCon_title:hover{
        color: red;
    }
</style>

<script src="trd/video/vendorscript.js"></script>
<script src="trd/video/video.js"></script>
<script type="text/javascript">

       $(document).ready(function() {
           $('.control').hide();
           $('.loading').fadeOut(500);
           $('.caption').fadeOut(500);
       });


//        百度分享
       setTimeout(function(){
           window._bd_share_config = {
               common : {
                   //此处放置通用设置
                   bdText : shareTitle,
                   bdDesc : shareTitle,
                   bdUrl : shareUrl,
                   bdPic : '分享图片'
               },
               share : [{
                   //此处放置分享按钮设置
                   "bdSize" : 16
               }],
//        slide : [{
//            //此处放置浮窗分享设置
//            bdImg : 0,
//            bdPos : "right",
//            bdTop : 100
//        }],
               image : [{

                   viewType : 'list',
                   viewPos : 'top',
                   viewColor : 'black',
                   viewSize : '16',
                   viewList : ['qzone','tsina','huaban','tqq','renren','sqq']
               }]
           }
           with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?cdnversion='+~(-new Date()/36e5)];
           window._bd_share_main.init();
       },1000)




</script>